<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/web.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="js/web.js"></script>
</head>
<body id="index">
    <!--顶部导航-->
    <div class="top">
        <ul class="rightNav">
            <li class="action"><a href="src/interaction.html"><i class="iconfont">&#xe722;</i><span>微旅游</span></a></li>
            <li><a href="src/interactionDetial/write.html"><i class="iconfont">&#xe726;</i><span>局长信箱</span></a></li>
            <li><a href="src/done.html"><i class="iconfont">&#xe72b;</i><span>办事咨询</span></a></li>
            <li><a href="src/firstDetial/FirstWriteComplain.html"><i class="iconfont">&#xe729;</i><span>在线投诉</span></a></li>
        </ul>
        <div class="Topsearch clearfix">
            <div class="logo left"><img src="img/indexLogo.png"></div>
            <div class="search right">
                <div class="Insearch clearfix"><input class="left" type="text" name="" placeholder="请输入关键字"><button class="left">搜索</button></div>
                <div class="searchHot">
                    <span>热搜词 : </span>
                    <a href="javascript:;">天后宫</a>
                    <a href="javascript:;">湿地公园</a>
                    <a href="javascript:;">景点</a>
                    <a href="javascript:;">特产</a>
                </div>
            </div>
        </div>
        <ul class="TopNav clearfix">
            <li class="active"><a class="haveBorder first" href="index.html">首页</a></li>
            <li><a class="haveBorder" href="src/active.html">政务动态</a></li>
            <li><a class="haveBorder" href="src/open.html">政务公开</a></li>
            <li><a class="haveBorder" href="src/service.html">办事服务</a></li>
            <li><a class="haveBorder" href="src/interaction.html">公众互动</a></li>
            <li><a class="haveBorder" href="src/public.html">公众服务</a></li>
            <li><a href="src/toppic.html">专题中心</a></li>
        </ul>  
    </div>

    <!--主体内容-->
    <div class="d-content">       
        <!--头条-->
        <ul class="contentTop clearfix">
            <li class="ct-left left">
                <div class="imgScroll">
                    <div class="hd">
                        <ul class="num"><li>1</li><li>2</li></ul>
                    </div>
                    <div class="bd">
                        <ul class="infoList">
                            <li><a href="src/interactionDetial/detial.html"><img src="img/act1.png"><p>我和天后宫的故事征文</p></a></li>
                            <li><a href="src/interactionDetial/detial.html"><img src="img/act1.png"><p>我和天后宫的故事征文</p></a></li>
                        </ul>
                    </div>
                </div>               
            </li>
            <li class="ct-content left">
                <div class="textSlide">
                    <a class="abso" href="javascript:;">更多》</a>
                    <div class="hd">
                        <ul><li><span>政务动态</span></li><li><span>政务解读</span></li></ul>
                    </div>
                    <div class="bd">
                        <ul>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">中国打破了世界软件巨头规则</a><span class="date">11-11</span></li>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">口语：会说中文就能说英语！</a><span class="date">11-11</span></li>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">农场摘菜不如在线学外语好玩</a><span class="date">11-11</span></li>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">数理化老师竟也看学习资料？</a><span class="date">11-11</span></li>                         
                        </ul>
                        <ul>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">名师教作文：３妙招巧写高分</a><span class="date">11-11</span></li>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">耶鲁小子：教你备考SAT</a><span class="date">11-11</span></li>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">施强：高端专业语言教学</a><span class="date">11-11</span></li>
                            <li><span class="disc"></span><a href="src/interactionDetial/detial.html">数理化老师竟也看学习资料？</a><span class="date">11-11</span></li>                           
                        </ul>                       
                    </div>
                </div>
            </li>
            <li class="ct-right left">
                <ul class="classsify">
                    <li class="culture">
                        <a href="javascript:;">
                            <img src="img/culture.png">
                            <span class="chinese Cculture">文化</span>
                            <span class="english">CULTURE</span>
                        </a>
                    </li>
                    <li class="sports">
                        <a href="javascript:;">
                            <img src="img/sports.png">
                            <span class="chinese Ssports">体育</span>
                            <span class="english">SPORTS</span>
                        </a>
                    </li>
                    <li class="tourism">
                        <a href="javascript:;">
                            <img src="img/tourism.png">
                            <span class="chinese Ttourism">旅游</span>
                            <span class="english">TOURISM</span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>

        <div class="conterConter clearfix">
            <ul class="AllIconsLeft clearfix left">
                <li><a href="src/firstDetial/education.html"><i class="icon iconfont icon-jiaoyupeixun1"></i><span>教育培训</span></a></li>  
                <li><a href="src/toppicNav/offices.html"><i class="icon iconfont icon-keshijieshao1"></i><span>科室介绍</span></a></li>
                <li><a href="src/firstDetial/means.html"><i class="icon iconfont icon-chaxun"></i><span>资料查询</span></a></li>
                <li><a href="javascript:;"><i class="icon iconfont icon-tongji1"></i><span>数据统计</span></a></li>
                <li><a href="javascript:;"><i class="icon iconfont icon-danweibanshi1"></i><span>业务办理</span></a></li>         
            </ul>
            <ul class="AllIconsRight left">
                <li class="title">政务公开</li>
                <li class="IconRight">
                    <ul class="clearfix">
                        <li class="JG"><a href="src/open.html"><i class="icon iconfont icon-jigouzidianfenfa"></i><span>机构设置</span></a></li>
                        <li class="FG"><a href="src/open.html"><i class="icon iconfont icon-zhengcefagui"></i><span>政策法规</span></a></li>
                        <li class="TJ"><a href="src/open.html"><i class="icon iconfont icon-shujutongji"></i><span>数据统计</span></a></li>
                        <li class="GH"><a href="src/open.html"><i class="icon iconfont icon-jihuashu"></i><span>规划计划</span></a></li>
                        <li class="TZ noMargin"><a href="src/open.html"><i class="icon iconfont icon-shixiang"></i><span>通知公告</span></a></li> 
                    </ul>
                </li>                
            </ul>
        </div>

        <ul class="conterBottom clearfix">
            <li><p>南沙旅游热力图</p><a href="javascript:;"><img src="img/hot.png"></a></li>
            <li><p>游客来源分部</p><a href="javascript:;"><img src="img/from.png"></a></li>
            <li class="noMargin"><p>网站流量统计</p><a href="javascript:;"><img src="img/flow.png"></a></li>
        </ul>
    </div>

    <!--尾部-->
    <div class="d-footer clearfix">
        <ul class="left link">
            <li class="title">友情链接</li>
            <li class="clearfix"><a class="left" href="javascript:;">南沙区政府</a><a class="right" href="javascript:;">广州市体育局</a></li>
            <li class="clearfix"><a class="left" href="javascript:;">广州市旅游局</a><a class="right" href="javascript:;">广州市文广局</a></li>
            <li class="clearfix"><a class="left" href="javascript:;">广州市政府</a><a class="right" href="javascript:;">广东省政府</a></li>
        </ul>
        <ul class="QRcode left">
            <li><img src="img/weixin.png"><p>印象南沙</p></li>
            <li><img src="img/APP.png"><p>印象南沙</p></li>
            <li><img src="img/gongzhong.png"><p>印象南沙</p></li>
        </ul>
        <ul class="left copy">
            <li>
                <a href="src/firstDetial/aboutUs.html"><span>关于我们</span></a>
                <span class="between">-</span>
                <a href="src/firstDetial/aboutUs.html"><span>版权保护</span></a>
                <span class="between">-</span>
                <a href="src/firstDetial/aboutUs.html"><span>网站帮助</span></a>
                <span class="between">-</span>
                <a href="src/firstDetial/map.html"><span>网站地图</span></a>
            </li>
            <li>2016 &copy 版权归广州市南沙区文化广电新闻出版局所有</li>
            <li>地址 : 广州市南沙区凤凰大道1号</li>
            <li>粤ICP备10041711号-3</li>
        </ul>
    </div>

    <script type="text/javascript">       
        jQuery(".imgScroll").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,scroll:1,vis:1,trigger:"click"});
        jQuery(".textSlide").slide({trigger:"click"});
        function a(classname1,classname2){
            $("." + classname1).hover(function(){
                $("." + classname1).attr( "class","icon iconfont " + classname2);
                $("." + classname2).css({ "font-size": "75px","color": "#305aaf","display": "block","width": "100px","height": "109px" ,"line-height": "109px"})
            },function(){
                $("." + classname2).attr( "class","icon iconfont " + classname1);
                $("." + classname1).css({ "font-size": "100px", "color": "#999999" })
            });
        };
        function b(classname1,classname2){
            $("." + classname1).hover(function(){
                $("." + classname1).attr( "class","icon iconfont " + classname2);
                $("." + classname2).css( "color", "#305aaf" );                
            },function(){
                $("." + classname2).attr( "class","icon iconfont " + classname1); 
                $("." + classname1).css( "color", "#999999" );              
            });
        };
        a("icon-jiaoyupeixun1","icon-jiaoyupeixun");
        b("icon-keshijieshao1","icon-keshijieshaomian");
        b("icon-chaxun","icon-chaxunmian");
        b("icon-tongji1","icon-tongjimian");
        b("icon-danweibanshi1","icon-danweibanshimian");           
        
    </script>
</body>
</html>